<template>
  <div>
      <p>hello {{world}}</p>
      <p v-text="'hello ' + world"></p>
      <p>{{`hello ${world}`}}</p>
      <p v-text="`hello ${world}`"></p>
      <button @click="world='ziksang'">改变wrold值</button>
      <ul>
        <li><router-link to="/hello2">Go to Hello2</router-link></li>
        <li><router-link to="/html">Go to html</router-link></li>
        <li><router-link to="/bind">Go to Bind</router-link></li>
        <li><router-link to="/count">Go to Count</router-link></li>
        <li><router-link to="/layer">Go to Layer</router-link></li>
        <li><router-link to="/filter">Go to Filter</router-link></li>
        <li><router-link to="/list">Go to List</router-link></li>
        <li><router-link to="/nomu">nomu</router-link></li>
        <li><router-link to="/listSize">listSize</router-link></li>
        <li><router-link to="/filterList">filter list</router-link></li>
        <li><router-link to="/textSizeLimit">字數限制提示</router-link></li>
        <li><router-link to="/football">中韓足球賽</router-link></li>
        <li><router-link to="/watchDemo">圖片加載-wathch-demo</router-link></li>
        <li><router-link to="/vif">v-if条件判断</router-link></li>
      </ul>
      <my-button @click.native="buttonClick"></my-button>
   </div>
</template>

<script>
import myButton from './myButton.vue'
export default {
  components: {
    myButton
  },
  data () {
    return {
      world: 'world'
    }
  },
  methods: {
    buttonClick () {
      alert('原生点击')
    }
  }
}

</script>
